﻿@charset "utf-8";
/* CSS Document */

/** 
  ==========================================================
  * Author : hyyrz_888@163.com
  * Website: 
  ==========================================================
**/


/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */


/* ----------------@import-------------------*/
@import url(hyyrzPlugin.css);
/* ------------------------------------------*/

/** 
  ==========================================================
  * ! reset
  ==========================================================
**/
html, body {font-size: 14px; font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif;color:#666;}
html, body, head, div, ul, ol, li, iframe, frameset, frame, p, h1, h2, h3, h4, h5, h6, form, dl, dt, dd, table, tbody, thead, tfoot, tr, th, td, col, a, b, em, i, label, span, legend, fieldset, button, input, select, option, map, img, textarea, br,figure,figcaption {margin: 0;padding: 0;}
body {/*-moz-user-select: none;-webkit-user-select: none;-ms-user-select:none;*/overflow-x:hidden}
img {border: 0;}
ol, ul {list-style: none outside none;}
a, button, input {text-decoration: none;-webkit-tap-highlight-color: rgba(255, 0, 0, 0);}
a{color:#666;}
area:focus{outline:none;}
/** 
  ==========================================================
  * ! custom
  ==========================================================
**/
.container{width:1200px;margin:0 auto;}
.fl {float: left}
.fr {float: right}
.dn{display:none;}
.db{display:block;}
.pr{position:relative;}
.pa{position:absolute;}
.z0{z-index:0;}
.z1{z-index:1;}
.z2{z-index:2;}
.tcenter{text-align:center;}
.pb0{padding-bottom: 0;}
.bb0{border-bottom:0 !important}
.pt8{padding-top:8px;}
.fwhite, .fwhite a {color: #fff;}
.nobor{border:0 !important}
.wd40{width:40%;}
.wd60{width:60%;}
.fix{position: fixed;top: 0;z-index: 999}
.nbg{background:none !important;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after {display: table;height: 0;content: '';clear: both;overflow: hidden;visibility: hidden;}
.btn {display: block;font-size: 15px;font-weight: bold;background-color: #fcfcfc;margin: 0 0 15px 0;padding: 10px;text-align: center;cursor: pointer;}
.icons {position: relative;border-radius: 5px;width: 25px;height: 25px;overflow: hidden;}
.icons.arrow-r {width: 14px;height: 14px;background-size: 100%;background: url(../img/jiantou.png) no-repeat left top/14px;}
/*限制行数*/
.text-line{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;white-space: nowrap;}
/*鼠标选择文本*/
::-moz-selection,::selection {text-shadow: none;}


/** 
  ==========================================================
  * ! Css3 animate
  ==========================================================
**/
.addtran{transition: all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;}
.trans, .trans:hover {
    -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

/** 
  ==========================================================
  * ! Frame
  ==========================================================
**/

/*header*/
.index_box_head{width: 100%;background: #071325;opacity: .8;filter: alpha(80);}
.index_box_head .index_header{height:100px;}
.index_box_head .index_header .logo{width:231px;margin: 13px 0;}
.index_box_head .index_header .logo img{display:block;}
.index_box_head .index_header .headNav{width:830px;}
.index_box_head .index_header .headNav li{float:left;width:166px;text-align: center;}
.index_box_head .index_header .headNav li a{color:#fff;line-height: 20px;display: block;padding:27px 0;}
.index_box_head .index_header .headNav li a span{display: block;margin-top:6px;font-size: 13px;}
.index_box_head .index_header .headNav li:hover:not(.active) {background-color: #d92724;}
.index_box_head .index_header .headNav li.active {background-color: #d92724;}

/*banner*/
.banner{ width:100%; overflow:hidden; position:relative;}
.banner .control{ left: 49%;bottom: 15px;overflow:hidden; position:absolute;z-index:1; }
.banner .control ul li{width: 10px;height: 10px;line-height: 10px; margin-left: 10px;float: left;overflow: hidden;text-align: center;position: relative;border-radius:50%;background:#eee;}
.banner .control ul li:hover{cursor:pointer;}
.banner .control ul li.on{cursor: pointer;background:#3f75d1;}
.banner .slidePic{ position:relative; height:100%; z-index:0;   }
.banner .slidePic li{ zoom:1; vertical-align:middle; }
.banner .slidePic img{ width:1920px; display:block;  }
.banner_list_page {width:100%;height: 350px;background: url(../imgs/about_banner.jpg) top center no-repeat;margin-top:100px;}

/*index_box*/
.index_box{padding-top:80px;}
.index_box .tip{height:83px;text-align: center}
.index_box .tip a{font-size:20px;color:#666}
.index_box .tip h3{padding-top:33px;}

/*index_box_1*/
.index_box_1{background: #f5f5f5;}

/*index_box_2*/
.index_box_2.bg{background: url(../images/index_about_bg.jpg) no-repeat; height:840px;}
.index_box_3.bg{background: url(../images/index_application.jpg) no-repeat; height:875px;}

/*footer*/
.footer{background: #5c5c5c;z-index: -1;}
.footer .footer_inside{overflow: hidden;padding:35px 0 50px 0;float:left;}
.footer .footer_inside .footer_inside_list{float:left;width:166px;background: url(../img/footer-list.jpg) top right repeat-y;}
.footer .footer_inside .footer_inside_list h3{color: #b9b9b9;margin-bottom: 16px;font-size: 16px;}
.footer .footer_inside .footer_inside_list ul li a{color:#b9b9b9;line-height: 2;font-size: 13px;}
.footer .footer_inside .footer_inside_list ul li a:hover{color:#eee;}
.footer .footer_inside .footer_inside_list p{color:#b9b9b9}
.footer .footer_inside .footer_inside_list.footer_inside_3 {width: 435px;padding-left: 80px;}
.footer .footer_inside .footer_inside_list.footer_inside_3 p{line-height: 2;}
.footer .f-t .wcode{margin-top:50px;width:170px;margin-right: 100px;}
.f-b {height: 50px;line-height: 50px;background: #000;}
.f-b a{margin-left:70px;}
.f-b a:hover{color: #999}


/*Public_page*/
.list_page_wrap{position: relative}
.page_inside_box .inside_title span{color:#d92724;}
.page_inside_title{position: relative}
.page_inside_title .inside_title_cata{float: left;position: absolute;width: 100%;height: 70px;background: url(../img/inside_title_cata.png) 0 0 no-repeat;top: -70px;left: 0;}
.page_inside_title .inside_title_cata li{height: 70px;line-height: 70px;float: left;width: 110px;overflow: hidden;text-align: center;font-weight: bold;}
.page_inside_title .inside_title_cata .current_cata{width: 180px;float: left;font-size: 20px;line-height: 70px;font-weight: bold;text-align: center;}
.inside_title_cata li:not(.current_cata):hover, .inside_title_cata li.on {background: #d92724;}
.page_inside_box .inside_title{height: 50px;position: relative;line-height: 50px;padding-top: 30px;padding-bottom: 20px;border-bottom: 2px #ccc solid;margin-bottom: 15px;}
.page_inside_box .inside_title h2 {font-size: 30px;line-height: 68px;color: #444;margin-right: 15px;float: left;}
.page_inside_box .inside_title p {float: right;height: 24px;line-height: 24px;padding-top: 30px;}
.page_inside_box .page_content .pic img{display: block;margin:0 auto;}
.page_inside_box .page_content .focusBox{padding:40px 0;}
.page_inside_box .page_content p{line-height:2em;text-align: justify;text-indent: 2em;margin-bottom: 20px;}

/*list_article*/
.list_article_wrap .article_content li {line-height: 24px;overflow: hidden;margin-bottom: 25px;}
.list_article_wrap .article_content li img{width:200px;margin-right:22px;}
.list_article_wrap .article_content li h3 a{font-size: 16px;color: #111;line-height: 30px;font-weight: normal;}
.list_article_wrap .article_content li h3 a:hover{color:#d92724}

/*list_honor*/
.list_honor_wrap .honor_content  ul{width:1240px;}
.list_honor_wrap .honor_content li{width:270px;float:left;margin-bottom:16px;margin-right:40px;}
.list_honor_wrap .honor_content li img{width:100%;}
.list_honor_wrap .honor_content li .imag{overflow:hidden;}
.list_honor_wrap .honor_content li img:hover{-webkit-transform:scale(1.1);-ms-transform:scalse(1.1);transform:scale(1.1)}
.list_honor_wrap .honor_content li span{text-align:center;display:block;line-height:2;}

/*show_article*/
.list_page_wrap .page_inside_box .page_content h2{height: 42px;line-height: 42px;font-size: 20px;}
.list_page_wrap .page_inside_box .page_content h2,.list_page_wrap .page_inside_box .page_content .release{text-align: center;margin-bottom:20px;}


/** 
  ==========================================================
  * ! 分页
  ==========================================================
**/
/*标准页码*/
.pagination {margin:20px 0;text-align:center;}
.pagination a,.pagination span {background: #fff;display: inline-block;padding: 2px 10px;text-decoration: none;transition: background-color .3s;margin: 0 4px;}
.pagination span.current {background-color: #d92724;color: #fff;}
.pagination a:hover:not(.current) {background-color: #d92724;color:#fff;}

/*新闻上下篇*/
.hyyrz_NdPage{background: #FFF;line-height: 30px;font-size: 14px;border-radius: 5px;margin-top:28px;border-top: 1px dashed #ccc;padding-top: 10px;}
.hyyrz_NdPage span{overflow: hidden;display: block;max-width: 100%;padding:0 10px;text-overflow: ellipsis;white-space: nowrap !important;}

/*上下页*/
.pagelist {height: 30px;background: #FFF;font-weight: bold;line-height: 30px;font-size: 14px;border: 1px solid #666;display: -webkit-box;display: -moz-box;border-radius: 5px;}
.pagelist span {display: block;text-align: center;box-flex: 1.0;-moz-box-flex: 1.0;-webkit-box-flex: 1.0;}
.pagelist span a {display: block;}
.pagelist span.page {-moz-box-flex: 2.0;/* Firefox */-webkit-box-flex: 2.0;/* Safari and Chrome */-ms-flex: 2.0;/* Internet Explorer 10 */box-flex: 2.0;overflow: hidden;border-left: 1px solid #0558a9;border-right: 1px solid #0558a9;}


/** 
  ==========================================================
  * ! Index
  ==========================================================
**/

/*index_product*/
.index_product .tip{background: url(../img/boxtip_product.png) no-repeat center;}
.index_product .index_product_cate{}
.index_product .index_product_cate .catebox{width:223px;height:223px;-ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Safari and Chrome */transform: rotate(45deg);float:left;}
.index_product .index_product_cate{top:56px;left:0;}
.index_product .index_product_cate .catebox.bg{background: #0068b7;}
.index_product .index_product_cate .catebox.bg a{color:#fff;}

/*index_about*/
.index_about .tip{background: url(../img/boxtip_about.png) no-repeat center;margin-bottom: 78px}
.index_about .tip a{color:#fff;}
.index_about  .about_box .about_img{width:520px;margin-right:20px;}
.index_about  .about_box .about_img img{display:block;width: 100%}
.index_about  .about_box .about_txt{color:#eee;text-align: justify;text-indent: 2em;line-height: 2;padding:20px 10px;}
.index_about  .about_box .about_txt a{color:#fff;float:right;margin-top:40px;font-family: Arial;}
.index_about  .about_box .about_txt a span{font-weight:bold}
.index_about  .about_box .about_txt a:hover strong{padding-left:6px;}

/*index_news*/
.index_news{width:100%;margin-bottom: 100px;}
.index_news .tip{background: url(../img/boxtip_news.png) no-repeat center;}
.index_news .news_box{padding-top:86px;}
.index_news .news_box .boxLeft{width:600px;margin-right:20px}
.index_news .news_box .boxLeft .time{ width:70px; height: 70px; position: absolute; top: 0; left: 0; z-index: 9999; background: #d92724;opacity: .8; color: #fff; text-align: center;}
.index_news .news_box .boxLeft .time span{ font-family:"Segoe UI"; font-size: 34px; display: block;}
.index_news .news_box .boxRight{width:580px;}
.index_news .news_box .boxLeft p{margin-top:8px;}
.index_news .news_box .boxLeft img{width: 100%;display:block;}
.index_news .news_box .boxLeft h3{margin-top:8px;}
.index_news .news_box .boxLeft h3 a{color:#666;}
.index_news .news_box .boxLeft .more{width:126px;height:32px;text-align:center;line-height:32px;margin-top:11px;background:#d92724;display: block;color:#fff;}
.index_news .news_box .boxLeft .more:hover{background:#cb0906}
.index_news .news_box .boxLeft .more a{display:block;color:#fff;}
.index_news .news_box .boxRight li{overflow: hidden;border-bottom: #ccc 1px solid;padding-bottom: 20px;margin-top: 20px;}
.index_news .news_box .boxRight li:first-child{margin-top:0}
.index_news .news_box .boxRight li h3{margin-bottom:4px;}
.index_news .news_box .boxRight li .time{width: 70px;height: 70px;float: left;padding-right: 15px;color: #999;text-align: center;font-family: "Segoe UI";}
.index_news .news_box .boxRight li h3 a{font-weight: bold;font-size: 16px;margin-bottom: 1px;display: inline-block;color:#666;}
.index_news .news_box .boxRight li h3 a:hover{color:#d92724}
.index_news .news_box .boxRight li p{line-height:1.6}
.index_news .news_box .boxRight li .time span {font-size: 50px;display: block;height: 50px;line-height: 50px;}


/*index_application*/
.index_application{width:100%;z-index: 1}
.index_application .tip{background: url(../img/boxtip_application.png) no-repeat center;}
.index_application .tip a{color:#fff;}
.index_application  .application_box{margin-top:100px;}
.index_application li{width:240px;float:left;overflow: hidden}
.index_application li:nth-child(2n){margin-top:80px;}
.index_application li span{display: block;line-height: 70px;background: #d92724;text-align: center}
.index_application li img{display:block;width:100%;}
.index_application li img:hover{transform:scale(1.1)}


/** 
  ==========================================================
  * ! About
  ==========================================================
**/



/** 
  ==========================================================
  * ! Product
  ==========================================================
**/
/*Product_list*/
.list_product_wrap .page_inside_box .product_content{margin:0 -2.5%;}
.list_product_wrap .page_inside_box .product_content li{float: left;display: block;width: 20%;padding: 0px 2.5% 5%;}
.list_product_wrap .page_inside_box .product_content li a {color: #fff;display: block;position: relative;width: 100%;overflow: hidden;}
.list_product_wrap .page_inside_box .product_content li .img {overflow: hidden;}
.list_product_wrap .page_inside_box .product_content li  .img img {width: 100%;display: block;}
.list_product_wrap .page_inside_box .product_content li a .con{position: absolute;left: 0px;bottom: -80px;width: 100%;background: url(../img/black_.png) repeat;text-align: center;}
.list_product_wrap .page_inside_box .product_content li a .con .t {font-size: 16px;height: 42px;overflow: hidden;line-height: 42px;}
.list_product_wrap .page_inside_box .product_content li a .con .i {height: 22px;margin-bottom: 18px;overflow: hidden;}
.list_product_wrap .page_inside_box .product_content li a .con .more {background-color: #d92724;text-align: center;display: block;height: 40px;line-height: 40px;}

/**Product_detail**/
.frame-ct-preview {padding: 66px 0px;}
.inner {width: 1000px;margin: 0px auto;}
.bigImg {width: 288px;border: 1px solid #a4a4a4;margin-bottom: 16px;}
.bigImg img {max-width: 100%;height: 100%;vertical-align: middle;margin:0 auto;display:block;}
.smallImg {margin-bottom: 48px;}
.smallImg li {width: 69px;height: 69px;position: relative;margin-right: 7px;float: left;display: block;overflow: hidden;}
.smallImg li span{ height:100%;display:inline-block;vertical-align:middle;}
.smallImg li img {width: 100%;vertical-align:middle;display:inline;}
.smallImg li .bor {position: absolute;left: 0px;top: 0px;border: 2px solid #d92724;width: 65px;height: 65px;display: none;}
.smallImg li a.act .bor {display: block;}
.proIBox {border-bottom: 1px solid #a4a4a4;border-top: 1px solid #a4a4a4;padding: 20px 0px;color: #7a7a7a;text-align: justify}
.wd60 .select-in h2 {font-size: 24px;font-weight: bold;}
.wd60 .price p {margin-top: 0.5em;}
.wd60 .price p img {display: inline-block;vertical-align: middle;margin-right: 0.4em;}

/** 
  ==========================================================
  * ! News
  ==========================================================
**/

/** 列表 **/


/*news_detail*/
